<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/plantillas/plantilla.xhtml">
	<ui:define name="cabecera">
		<script type="text/javascript">
			$(document).ready(function() {
				$(".ocultar").toggle();
				$('.ocultarPropuesta2').click(function() {
					$(".ocultar").toggle();
				});
			});
		</script>
	</ui:define>

	<ui:define name="contenido">
		<ui:include src="/pages/cabecera-simulacion.xhtml" />
		<h:form>
			<p:panel header="Financiamiento Propuesto">
				<p:fieldset>
					<h:panelGrid columns="4">
						<h:outputText></h:outputText>
						<h:outputText value="Deuda Propuesta 1"></h:outputText>
						<div class="ocultarPropuesta2">
							<img src="../resources/images/arrow_right.png" />
						</div>
						<h:outputText value="Deuda Propuesta 2" styleClass="ocultar"></h:outputText>

						<h:outputText value="Inversión Propuesta (Miles de Soles)"></h:outputText>
						<p:inputText value="#{finPropMB.inversionPropuesta1}"></p:inputText>
						<h:outputText></h:outputText>
						<p:inputText value="#{finPropMB.inversionPropuesta2}"
							styleClass="ocultar"></p:inputText>

						<h:outputText value="Tasa efectiva Anual (%)"></h:outputText>
						<p:inputText value="#{finPropMB.tasaEfectiva1}"></p:inputText>
						<h:outputText></h:outputText>
						<p:inputText value="#{finPropMB.tasaEfectiva2}"
							styleClass="ocultar"></p:inputText>

						<h:outputText value="Plazo de gracia (Meses)"></h:outputText>
						<p:inputText value="#{finPropMB.plazoGracia1}"></p:inputText>
						<h:outputText></h:outputText>
						<p:inputText value="#{finPropMB.plazoGracia2}"
							styleClass="ocultar"></p:inputText>

						<h:outputText value="Plazo Total (Meses)"></h:outputText>
						<p:inputText value="#{finPropMB.plazoTotal1}"></p:inputText>
						<h:outputText></h:outputText>
						<p:inputText value="#{finPropMB.plazoTotal2}" styleClass="ocultar"></p:inputText>
					</h:panelGrid>
				</p:fieldset>

				<span class="ui-panel-titlebar titulo">Parámetros de
					Financiamiento</span>

				<p:fieldset>
					<h:panelGrid columns="2">
						<h:outputText value="Tipo de Financiamiento a Largo Plazo:"></h:outputText>
						<p:selectOneMenu value="#{finPropMB.selectedTipoFinanLargoPlazo}"
							required="false"
							requiredMessage="Seleccione un Tipo de Financiamiento" style="width: 21em;">
							<f:selectItem itemLabel="Seleccionar" noSelectionOption="true" />
							<f:selectItems var="tipoFinan"
								value="#{finPropMB.tipoFinanLargoPlazo}"
								itemLabel="#{tipoFinan.descripcion}"
								itemValue="#{tipoFinan.codigo}" />
						</p:selectOneMenu>

						<h:outputText value="Recursos de la Cuota Inicial:"></h:outputText>
						<p:selectOneMenu value="#{finPropMB.selectedRecursoCuotaInicial}"
							required="false"
							requiredMessage="Seleccione un Recurso de Cuota Inicial" style="width: 21em;">
							<f:selectItem itemLabel="Seleccionar" noSelectionOption="true" />
							<f:selectItems var="recurso"
								value="#{finPropMB.recursoCuotaInicial}"
								itemLabel="#{recurso.descripcion}" itemValue="#{recurso.codigo}" />
						</p:selectOneMenu>

						<h:outputText value="Estado financiero de Referencia:"></h:outputText>
						<p:selectOneMenu value="#{finPropMB.selectedEstadoFinancieroRef}"
							required="false"
							requiredMessage="Seleccione un Estado de Referencia" style="width: 12em;">
							<f:selectItem itemLabel="Seleccionar" noSelectionOption="true" />
							<f:selectItems var="recurso"
								value="#{finPropMB.estadoFinancieroRef}"
								itemLabel="#{recurso.descripcion}" itemValue="#{recurso.codigo}" />
						</p:selectOneMenu>
					</h:panelGrid>
				</p:fieldset>
				<p:separator />
				<div align="center">
					<p:commandButton value="Continuar"
						actionListener="#{finPropMB.guardarValores}" ajax="false">
						<f:param name="idSimulacion" value="2" />
					</p:commandButton>
				</div>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>
